﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" >
<head>
	<title>3B</title>

	<meta lang="en" name="keywords" content="3B" />
	<meta lang="en" name="description" content="3B es..." />
	<meta http-equiv="Content-Language" content="es" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.easing.js"></script>
	<script type="text/javascript" src="js/niftycube.js"></script>
	<script type="text/javascript" src="js/general.js"></script>
	<link rel="stylesheet" href="css/niftyCorners.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
</head>
<body>
	<div class="wrap">
		<img src="img/3b-logo.gif" alt="logo" id="logo" />
		<a href="a" style="float:right;color:#FFF;position:relative;bottom:160px;">Hacer Log in</a><span style="float:right;color:#FFF;position:relative;bottom:160px;">&nbsp;o&nbsp;</span>
		<a href="a" style="float:right;color:#FFF;position:relative;bottom:160px;">Registrarse</a>
		<div id="busqueda">
		    <input type="text" name="search-box" id="search-box" />
			<input type="submit" name="search-button" id="search-button" value="buscar" />
		</div>
		<div id="more">
		    <a title="opciones">Busceda avanzada</a>
		</div>
		<div id="opciones">
		    <label for="autor">Autor:</label>
			<input class="text" type="text" name="autor" id="autor" />
			<label for="ISBN">ISBN:</label>
			<input class="text" type="text" name="ISBN" id="ISBN" />
			<label for="ano">Año:</label>
			<input class="text" type="text" name="ano" id="ano" />
			<label for="tema">Tema:</label>
			<input class="text" type="text" name="tema" id="tema" />
			<label for="titulo">Titulo:</label>
			<input class="text" type="text" name="titulo" id="titulo" />
			<label for="palabra">Palabras Clave:</label>
			<input class="text" type="text" name="palabra" id="palabra" />
			<input type="submit" name="buscar" value="buscar" />
		</div>
	</div>
	<div id="mas-vendidos" class="test">
		<div class="wrap-flechas">
		    <img src="img/left.gif" class="arrow-left" />
			<div class="wrap-libros">
				<h2>Libros más vendidos</h2>
				<div class="libros">
					<a href="#"><img src="img/libro-1.gif" alt="libro-1" class="libro" /></a>
					<a href="#"><img src="img/libro-2.gif" alt="libro-2" class="libro" /></a>
					<a href="#"><img src="img/libro-3.gif" alt="libro-3" class="libro" /></a>
					<a href="#"><img src="img/libro-4.gif" alt="libro-4" class="libro" /></a>
					<a href="#"><img src="img/libro-5.gif" alt="libro-5" class="libro" /></a>
					<a href="#"><img src="img/libro-1.gif" alt="libro-1" class="libro" /></a>
					<a href="#"><img src="img/libro-2.gif" alt="libro-2" class="libro" /></a>
					<a href="#"><img src="img/libro-3.gif" alt="libro-3" class="libro" /></a>
					<a href="#"><img src="img/libro-4.gif" alt="libro-4" class="libro" /></a>
					<a href="#"><img src="img/libro-5.gif" alt="libro-5" class="libro" /></a>
					<a href="#"><img src="img/libro-1.gif" alt="libro-1" class="libro" /></a>
					<a href="#"><img src="img/libro-2.gif" alt="libro-2" class="libro" /></a>
					<a href="#"><img src="img/libro-3.gif" alt="libro-3" class="libro" /></a>
					<a href="#"><img src="img/libro-4.gif" alt="libro-4" class="libro" /></a>
					<a href="#"><img src="img/libro-5.gif" alt="libro-5" class="libro" /></a>
				</div>
			</div>
			<img src="img/right.gif" class="arrow-right" />
		</div>
	</div>
	<div class="wrap-bottom">
	    <a href="#">Ayuda</a>
		<a href="#">Contacto</a>
	</div>
</body>
</html>
